@charset "utf-8";
.navbar {
	height: 32px;
	width: 100%;
	margin-left: 11px;
	float: left;
	background-color: #f5f5f5;
}
.navButton {
	width: 24px;
	height: 24px;
	margin-top: 4px;
	float: left;
	margin-left: 4px;
	cursor: pointer;
}
#openButton{
	margin-left: 8px;
	background-image: url(../img/document-open.svg);
	overflow: hidden;
}
#saveButton{
	background-image: url(../img/document-save-01.svg);
	
}
#saveButton:hover {
	background-image: url(../img/document-save-02.svg);
}
#undoButton {
	background-image: url(../img/edit-undo-01.svg);
}
#undoButton:hover {
	background-image: url(../img/edit-undo-02.svg);
}
#redoButton {
	background-image: url(../img/edit-redo-01.svg);
}
#redoButton:hover {
	background-image: url(../img/edit-redo-02.svg)
}
.disabled {

}
.seperatorY {
	height: 28px;
	margin-top: 2px;
	margin-left: 6px;
	width: 1px;
	background-color: #afafaf;
	float: left;
}
.lineStyleOption {
	float: left;
	margin-left: 4px;
	width: 290px;
	height: 32px;
}
.introduce{
	width:40px;
	font-size: 14px;
	height:20px;
	margin-top: 6px;
	text-align: center;
	line-height:1.5;
	font-weight: bold;
	float: left;
}
#fillStyle {
	margin-left: 40px;
	margin-top: -20px;
	height: 22px;
	float: left;
}
.lineStyleOption select {
	width: 100px;
	height: 22px;
	margin-top: 5px;
	float: left;
}
.zoomInOut {
	width: 100px;
	height: 32px;
	margin-left: 4px;
	float: left;
}
#zoomOriginal {
	background-image: url(../img/zoom-original-01.png);
}
#zoomOriginal:hover {
	background-image: url(../img/zoom-original-02.png);
}
#zoomIn {
	background-image: url(../img/zoom-in-01.png);
}
#zoomOut {
	background-image: url(../img/zoom-out-01.png);
}
.fontStyleOption {
	width: 460px;
	height: 32px;
}
#fontFamily {
	margin-left: 5px;
	margin-top: 5px;
	width: 180px;
	height: 22px;
	float: left;
}
#fontSize  {
	width: 50px;
	height: 22px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}
.fontStyleIcon {
	width: 16px;
	height: 16px;
	margin-top: 8px;
	cursor: pointer;
	float: left;
}
#fontBold {
	margin-left: 4px;
	background-size: 100%;
	background-image: url(../img/format-text-bold-01.png);
}
#fontItalic {
	background-image: url(../img/format-text-italic-01.png);
	background-size: 100%;
}
#fontUnderline {
	background-image: url(../img/format-text-underline-01.png);
	background-size: 100%;
}
#fontStrikethrough {
	background-image: url(../img/format-text-strikethrough-01.png);
	background-size: 100%;
}
#fontColor {
	background-color: #F00;
	margin-top: 4px;
	margin-left: 4px;
	width: 22px;
	height: 22px;
	float: left;
	cursor: pointer;
	border: #afafaf solid 1px;
}
.Optionselected {
}
